<template>
<div class="box-tips">
    <div class="top">
        <el-row>
            <el-button type="edit" @click="GoText" v-if="_SHOWBTN('wzgl-jdjb-wsjb-xz')">编辑</el-button>
        </el-row>
    </div>
    <div class="body-tips">
        <h1>举报须知</h1>
        <h2 v-html="ReportAll.note"></h2>
    </div>
</div>
</template>

<script>
export default {
    data() {
        return {

        };
    },
    props: ["ReportAll"],
    methods: {
        GoText() {
            this.$router.push({
                name: "KnowBiaJi",
                params: {
                    ReportAll: this.ReportAll
                }
            });
        },
    },
};
</script>

<style lang="less" scoped>
.box-tips {
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;

    .top {
        display: flex;
        justify-content: flex-end;
        margin-top: 3px;
        margin-bottom: 63px;

        /deep/.el-button--edit {
            width: 60px;
            height: 28px;
            background: rgba(61, 127, 255, 1);
            border-radius: 4px;
            color: white;
            padding: 0;
        }
    }

    .body-tips {
        padding-left: 61px;

        h1 {
            font-size: 28px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: rgba(51, 51, 51, 1);
            line-height: 28px;
            margin-bottom: 31px;
        }

        h2 {
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: rgba(51, 51, 51, 1);
            line-height: 32px;
            margin-bottom: 16px;
            text-indent: 2em;
        }
    }
}
</style>
